<script>
  import PointerHighlight from "../PointerHighlight.svelte";
</script>

<div
  class="mx-auto max-w-lg py-20 text-2xl font-bold tracking-tight md:text-4xl"
>
  The best way to grow is to
  <div class="mt-1.5">
    <PointerHighlight
      rectangleClassName="bg-teal-100 dark:bg-teal-900 border-teal-300 dark:border-teal-700 leading-loose"
      pointerClassName="text-teal-500"
      containerClassName="inline-block mx-1"
    >
      <span class="px-1">Take Action</span>
    </PointerHighlight>
  </div>
</div>
